<template>
    <div class="inner">
        <div class="left">
            If its a Cagau, You<br> Know.
        </div>
        <div class="right">
            <p>We are one of the world’s leading and most trusted custom watch specialists, luxury watch<br> retailers,
                and
                diamond jewelry experts.</p>

            <p>Custom watches made us famous—our intricate diamond-setting defines who we are and <br> what we’re known
                for
                globally. Since 2015, our unmatched collection of afterset designs has <br> positioned us as a
                powerhouse in the
                global custom watch industry.</p>
        </div>
        <div class="tail">
            <p>Our Story
                <!-- <svg class="icon icon-arrow-right icon-sm transform" viewBox="0 0 21 20" stroke="currentColor"
                    fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M3 10H18M18 10L12.1667 4.16675M18 10L12.1667 15.8334"></path>
                </svg> -->
            </p>
        </div>
    </div>
</template>

<script>
export default {
    name: 'WristWatchshopInfo',

    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="less" scoped>
.inner {
    text-align: left;
    display: flex;
    width: 1710px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    height: 270px;

    .left {
        width: 46%;
        height: 96px;
        font-size: 48px;
        color: #232323;
        font-weight: 700;
        font-family: Inter, sans-serif;
        margin-right: 100px;

        br {}
    }

    .right {
        height: 145px;

        p {

            font-size: 20px;
            font-weight: 400;
            margin-bottom: 18px;
            line-height: 1.6;

            br {}
        }

        p {
            br {}
        }
    }

    .tail {
        width: 150px;
        height: 56px;
        border-radius: 3.75rem;
        border: 2px solid #232323;

        p {
            line-height: 3.3;
            text-align: center;
        }
    }
}
</style>